import React, {Component} from 'react'
import './index.less'

export default class About extends Component {
  constructor (props) {
    super(props)
    window.document.title = '关于绿格子'
  }

  render () {
    return (
      <div>
        <div className='hope-box'>
          <div className='hope-box-image'>
            <img src={require('images/hope-box.png')} alt='' />
          </div>
          <div className='hope-box-introduce'>
                        专注于城市家庭农业和绿色健康生活的社交平台。有经验丰富的种菜达人，实用的种植小技巧，帮您轻松打造家庭小菜园！还可以同菜油们进行互动交流、分享种植的喜悦！
                    </div>
          <div className='about-img'>
            <img src={require('images/about-box.png')} alt='' />
            <img src={require('images/qrcode.jpg')} alt='' className='qrcode' />
          </div>
        </div>
      </div>
    )
  }
}
